<?php if ($view->errorInsert === false): ?>
    <div class="alert alert-danger">
        <?php echo $view->msgErrorInsert; ?>
    </div>
<?php endif; ?>
<?php if ($view->errorInsert === true): ?> 
    <div class="alert alert-success">
        El punto de venta / centro de intercambio se agregó correctamente a la ruta.
    </div>
<?php endif; ?>
<div class="row">
    <div class="col-lg-8">
        <?php if ($view->isFirstPoint === true): ?>
            <div class="alert alert-info">
                Este es el primer punto de la ruta.
                <br/>
                Toda ruta debe comenzar y finalizar en un <strong>centro de intercambio</strong>.
                <br/>
                Los <strong>centros de intercambio</strong> son puntos de visita obligatorios.
            </div>
            <form role="form" method="post">
                <input type="hidden" value="<?php echo DefaultDb_Entities_Point::TYPE_EXCHANGE_CENTER; ?>" name="typePoint"/>
                <input type="hidden" value="1" name="firstPoint"/>
                <label for="exchangePointId">Centro de intercambio</label>
                <select class="form-control" id="exchangePointId" name="exchangePointId">
                    <?php
                    $points = array();
                    /* @var $ec DefaultDb_Entities_Point */
                    foreach ($view->activeEchangeCenters as $ec)
                    {
                        echo '<option value="' . $ec->getId() . '">' . $ec->getName() . '</option>';
                    }
                    ?>
                </select>
                <div class="form-group">
                    <label for="routePointArrivalTime">Tiempo con respecto al punto anterior en minutos</label>
                    <input type="number" class="form-control" placeholder="minutos" id="routePointArrivalTime" value="0" disabled="disabled"/>
                </div>
                <div class="checkbox">
                    <label>
                        <input type="checkbox" checked="checked" disabled="disabled"/> Punto de visita obligatorio
                    </label>
                </div>
                <button class="btn btn-primary">
                    <span class="glyphicon glyphicon-plus"></span>
                    Agregar centro de intercambio como punto de inicio de esta ruta
                </button>
            </form>
        <?php else: ?>
            <ul id="listPanels" class="nav nav-pills">
                <li for="panelPuntoNuevo" class="active"><a href="#">Nuevo punto de venta</a></li>
                <?php if (count($view->salePoints) > 0): ?>
                    <li for="panelPuntoExistente"><a href="#">Punto de venta existente</a></li>
                <?php endif; ?>
                <li for="panelCentroIntercambioExistente"><a href="#">Centro de intercambio existente</a></li>
            </ul>
            <div id="panels" class="panel panel-primary">
                <div class="panel-body">
                    <form role="form" class="uppercase" method="post" id="panelPuntoNuevo">
                        <input type="hidden" value="<?php echo DefaultDb_Entities_Point::TYPE_SALE_POINT; ?>" name="typePoint" required="required"/>
                        <input type="hidden" value="1" name="newPoint"/>
                        <div class="form-group">
                            <label for="code">Clave</label>
                            <input type="text" class="form-control" placeholder="clave" id="code" name="code" required="required"/>
                        </div>
                        <div class="form-group">
                            <label for="name">Nombre</label>
                            <input type="text" class="form-control" placeholder="nombre" id="code" name="name" required="required"/>
                        </div>
                        <div class="form-group">
                            <label for="address">Dirección</label>
                            <input type="text" class="form-control" placeholder="dirección" id="code" name="address" required="required"/>
                        </div>
                        <label>Estado</label>
                        <select class="form-control" name="state">
                            <?php foreach ($view->states as $state): ?>
                                <option value="<?php echo $state->getId(); ?>"><?php echo $state->getName(); ?></option>
                            <?php endforeach; ?>
                        </select>
                        <div class="form-group">
                            <label for="minutes">Tiempo con respecto al punto anterior en minutos</label>
                            <input type="number" class="form-control" placeholder="minutos" id="minutes" name='minutes' required="required"/>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="required"/> Punto de visita obligatorio.
                            </label>
                        </div>
                        <button class="btn btn-primary">
                            <span class="glyphicon glyphicon-plus"></span>
                            Agregar punto de venta a esta ruta
                        </button>
                    </form>
                    <?php if (count($view->salePoints) > 0): ?>
                        <form role="form" class="hidden uppercase" method="post" id="panelPuntoExistente">
                            <input type="hidden" value="<?php echo DefaultDb_Entities_Point::TYPE_SALE_POINT; ?>" name="typePoint"/>
                            <label>Puntos de venta</label>
                            <select class="form-control" name="salePointId">
                                <?php foreach ($view->salePoints as $salePoint): ?>
                                    <option value="<?php echo $salePoint->getId(); ?>"><?php echo $salePoint->getName(); ?></option>
                                <?php endforeach; ?>
                            </select>
                            <br/>
                            <div class="form-group">
                                <label for="minutes">Tiempo con respecto al punto anterior en minutos</label>
                                <input type="number" class="form-control" placeholder="minutos" id="minutes" required="required" name='minutes'/>
                            </div>
                            <div class="checkbox">
                                <label>
                                    <input type="checkbox" name="required" anem="required"/> Punto de visita obligatorio.
                                </label>
                            </div>
                            <button class="btn btn-primary">
                                <span class="glyphicon glyphicon-plus"></span>
                                Agregar punto de venta a esta ruta
                            </button>
                        </form>
                    <?php endif; ?>
                    <form role="form" class="hidden uppercase" method="post" id="panelCentroIntercambioExistente">
                        <input type="hidden" value="<?php echo DefaultDb_Entities_Point::TYPE_EXCHANGE_CENTER; ?>" name="typePoint"/>
                        <label>Centros de intercambio</label>
                        <select class="form-control" name="exchangeCenterId">
                            <?php foreach ($view->exchangeCenters as $exchangeCenter): ?>
                                <option value="<?php echo $exchangeCenter->getId(); ?>"><?php echo $exchangeCenter->getName(); ?> [<?php echo $exchangeCenter->getState()->getName(); ?>]</option>
                            <?php endforeach; ?>
                        </select>
                        <br/>
                        <div class="form-group">
                            <label for="arrivalTime">Tiempo con respecto al punto anterior en minutos</label>
                            <input type="number" class="form-control" name="minutes" placeholder="minutos" id="arrivalTime" required="arrivalTime"/>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="required" checked="checked"/> Punto de visita obligatorio.
                            </label>
                        </div>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" name="close" /> Este es el punto final de la ruta (Cerrar ruta).
                            </label>
                        </div>
                        <button class="btn btn-primary">
                            <span class="glyphicon glyphicon-plus"></span>
                            Agregar centro de intercambio a esta ruta
                        </button>
                    </form>
                </div>
            </div>
        <?php endif; ?>
    </div>
    <div class="col-lg-4">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">
                    Ruta seleccionada
                </h3>
            </div>
            <div class="panel-body">
                <?php $view->Routes()->summary($view->em, $view->route->getId()); ?>
            </div>
        </div>
    </div>
    <div class="col-lg-4">
        <div class="panel panel-primary">
            <div class="panel-heading">
                <h3 class="panel-title">
                    <abbr title="Puntos de venta">PV</abbr> y <abbr title="Centros de Intercambio">CI</abbr>
                </h3>
            </div>
            <div class="panel-body">
                <?php $view->Routes()->listPoints($view->em, $view->route->getId()); ?>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    $(document).ready(function()
    {
        $('#listPanels li').click(function()
        {
            $('#listPanels li').removeClass('active');
            $(this).addClass('active');
            var panel = $(this).attr('for');
            $('#panels form').addClass('hidden');
            $('#' + panel).removeClass('hidden');
        });
    });
</script>